<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title><ui:insert name="title">MENU</ui:insert></title>
        <h:outputStylesheet library="css" name="pfcrud.css"/>
        <h:outputScript library="scripts" name="pfcrud.js"/>
    </h:head>

    <h:body>
        <p:growl id="growl" life="3000"/>

        <p:layout fullPage="true">
            <p:layoutUnit position="north" size="120" header="ESCUELA VIVA II - PTMO. 1.880 BL-PR" style="text-align:center;">
                <!-- Menu here. Also a layout and a way to log a user out -->                
                <p:graphicImage value="/imagenes/nuevo_logo_bilingue2.jpg" style="vertical-align"/>
                <h:link outcome="/login" value="Salir del Sistema"/>
            </p:layoutUnit>

            <p:layoutUnit position="west" size="280">
                <ui:insert name="west"/>                                        
                    <p:accordionPanel>
                        <p:tab title="PROGRAMACIÓN">
                            <h:panelGrid>
                                <!--<p:menuitem value="#{myBundle.DetalleventaHeading}..." outcome="/detalleventa/index" />
                                <p:menuitem value="#{myBundle.PersonaHeading}..." outcome="/persona/index" />
                                <p:menuitem value="#{myBundle.ProductoHeading}..." outcome="/producto/index" />
                                <p:menuitem value="#{myBundle.VentaHeading}..." outcome="/venta/index" />-->
                                <h:link value="PRODUCTOS" outcome="/producto/index" />
                                <h:link value="PERSONAS" outcome="/persona/index" />
                                <h:link value="VENTAS" outcome="/venta/index" />
                                
                            </h:panelGrid>
                        </p:tab>
                        <p:tab title="GESTIÓN DE PROCESOS">
                            <h:panelGrid>
                                <h:link value="PRODUCTOS" outcome="/producto/index" />
                                <h:link value="PERSONAS" outcome="/persona/index" />
                                <h:link value="VENTAS" outcome="/venta/index" />
                            </h:panelGrid>
                        </p:tab>
                        <p:tab title="REPORTES">
                            <h:panelGrid columns="2" cellpadding="10">
                                <p:graphicImage name="demo/images/godfather/godfather3.jpg" />
                                <h:outputText value="After a break of more than 15 years..." />
                            </h:panelGrid>
                        </p:tab>
                        <p:tab title="BASE DE DATOS">
                            <h:panelGrid columns="2" cellpadding="10">
                                <p:graphicImage name="demo/images/godfather/godfather3.jpg" />
                                <h:outputText value="After a break of more than 15 years..." />
                            </h:panelGrid>
                        </p:tab>
                    </p:accordionPanel>
                
            </p:layoutUnit>
            
            <p:layoutUnit position="south" size="60">
                <ui:insert name="footer"/>
            </p:layoutUnit>

            <p:layoutUnit position="center" style="text-align:right;">
               
            </p:layoutUnit>

        </p:layout>

    </h:body>    
   

</html>

